<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数学题练习平台</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/exercise.css">
</head>

<body>
    <div style="position: fixed;top: 0;width: 100%; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.83);">
        <div class="bgc_grey y_center">
            <div class="bgc_blue block_text">
                Math Exercise
            </div>
            <div class="right_container">
                <div class="text_button" onclick="log_out()">LOGOUT</div>
            </div>
        </div>
    </div>
    <div style="margin-bottom: 100px;"></div>
    <div id="exam_list_area" style="display:block;">
        <div id="exam_list" class="exam_list">
            <button class="blue_button" style="width: 20%; height: 40px; margin: 10px 40px; font-size: 26px;"
                onclick="create_exam()">创建新测验</button>
            <button class="blue_button" style="width: 20%; height: 40px; margin: 10px 40px; font-size: 26px;"
                onclick="display_wrong_history()">我的错题库</button>
            <button class="blue_button" style="width: 20%; height: 40px; margin: 10px 40px; font-size: 26px;"
                onclick="display_info()">做题统计</button>

            <ul>
            </ul>
            <button class="blue_button" style="width: 20%; height: 40px; margin: 10px 40px; font-size: 26px;"
                onclick="display_prev_page()">上一页</button>
            <button class="blue_button" style="width: 20%; height: 40px; margin: 10px 40px; font-size: 26px;"
                onclick="display_next_page()">下一页</button>
        </div>
    </div>
    <div id="problem_list_area" style="display:none;">
        <div class="content_table problem_list" id="problem_list">
            <div class="head_title center_text" id="exam_title"></div>
            <div class="center_text" id="tips_area"></div>
            <ul>
            </ul>
        </div>
    </div>
    <!-- <div id="history_list_area">
        <div class="content_table history_list" id="history_list">
            <ul>
                <div>123</div>
            </ul>
        </div>
    </div> -->
    <div class="modal" style="display:none;">
        <div class="modal-overlay"></div>
        <div class="modal-content" id="modal_content">
        </div>
    </div>
    <div id="popup" class="popup" style="display: none;">
        <div class="popup-content">
            <p id="popup-text" class="popup-text"></p>
        </div>
    </div>

    <div id="free_area">
    </div>

</body>
<script src="../js/utils.js"></script>
<script src="../js/exercise.js"></script>

</html>